<div id="Header">
    <div id="Logo">
        <div id="LogoContent">
            <a href="#" id="toMain"><img src="../../images/logo-topbar.gif" /></a>
        </div>
    </div>

    <div id="Menu">
        <div id="MenuContent">
            <span id="cartSpan">
                <a href="#" id="cart">
                    <img align="middle" name="img_cart" src="../../images/cart.gif" />
                </a>
            </span>
            <!-- 修改header.htm文件 -->
            <span id="signOnSpan" style="display: inline;">
                <img align="middle" src="../../images/separator.gif" />
                <a href="#" id="signOn">Sign In</a>
            </span>
            <span id="signOutSpan" style="display: none;">
                <img align="middle" src="../../images/separator.gif" />
                <a href="#" id="logOut">Sign Out</a>
                <img align="middle" src="../../images/separator.gif" />
                <a href="#" id="myAccount">My Account</a>
                <img align="middle" src="../../images/separator.gif" />
                <a href="#" id="myOrder">My Order</a>
            </span>
            <img align="middle" src="../../images/separator.gif" />
            <!-- <a href="/manager/view" th:disabled="${account.status} eq 'M'">Manage</a> -->
            <a href="../" id="help">?</a>

        </div>

    </div>

    <div id="Search">
        <div id="SearchContent">
            <input type="text" id="keyword" name="keyword" size="14" />
            <input type="submit" id="searchProducts" name="searchProducts" value="Search" />
        </div>
        <div id="SearchResult">
            <!-- 搜索结果将在这里动态显示 -->
        </div>
    </div>

    <div id="QuickLinks">
        <a href="./catalog-list.html?id=FISH&route=product">
            <img src="../../images/sm_fish.gif" />
        </a>
        <img src="../../images/separator.gif" />
        <a href="./catalog-list.html?id=DOGS&route=product">
            <img src="../../images/sm_dogs.gif" />
        </a>
        <img src="../../images/separator.gif" />
        <a href="./catalog-list.html?id=REPTILES&route=product">
            <img src="../../images/sm_reptiles.gif" />
        </a>
        <img src="../../images/separator.gif" />
        <a href="./catalog-list.html?id=CATS&route=product">
            <img src="../../images/sm_cats.gif" />
        </a>
        <img src="../../images/separator.gif" />
        <a href="./catalog-list.html?id=BIRDS&route=product">
            <img src="../../images/sm_birds.gif" />
        </a>
    </div>

</div>
